import styled from "styled-components";
import { Rate } from 'antd';

export const CustomRate = styled(Rate)`
  .custom-rate .ant-rate-star > div:not(:last-child) {
    margin-right: 1px; /* 设置间距，例如 10px */
    
  }
  background-color: yellow;
`
export const RoomItemWarpper = styled.div`
  box-sizing: border-box;
  width: 25%;
  padding: 8px;
  
  .inner {
    
  }
  .cover {
    width: 100%;
    aspect-ratio: 2 / 1.3;
  }
  .image-div {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
  .desc {
    font-size: 11px;
    font-weight: 600;
    margin-top: 7px; 
    color: ${props => props.verifycolor};
  }
  .title-sty {
    font-size: 16px;
    font-weight: 800;
    margin-top: 7px;
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .price {
    margin-top: 7px;
    font-size: 14px;
  }
  .bottom {
    margin-top: 7px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    //color: #767676;
    color: ${props => props.theme.color.textColor};
    
  }
  .rating-style {
    //width:100px;
    //height: 10px;
    font-size: 10px;
    color: #ff385c;
    margin-right: 10px;
  }
  .rating-detail {
    
  }

`
